<template>
	<view>
		<view class="mainpadding ffffff margin_top1">
			<view class="flextop xiahuaxian">
				<view class="shilitu">
					<!-- <image src="../static/image/system/banner1.png" mode=""></image> -->
				</view>
				<view class="" style="width: 69%;">
					<view class="sanshier xiaohei fonweight yhxk">这是一个场地标题这是一个场地... </view>
					<view class="flexleft margin_top6">
						<view class="sanshier xiaohong fonweight">¥ 999</view>
						<view class="strongtext xiaohong nofonweight">积分</view>
						<view class="sanshier xiaohong fonweight">+10元</view>
					</view>
				</view>
			</view>
			<view class="ershiba xiaohui nofonweight margin_top2">所在校区：校区所在地址校区所在地址校区所在地址</view>
		</view>
		<!-- 固定底部 -->
		<view class="gudingdb">
			<view class="mainpadding  xiahuaxian">
				<view class="flexleft">
					<!-- 已选中 -->
					<u-icon class="margin_right1" name="checkmark-circle-fill" color="#1BA95B" size="24"></u-icon>
					<!-- 未选中 -->
					<!-- <view class="wexuanzicon"></view> -->
					<view class="ershil nofonweight xiaohei">是否选择保险</view>
				</view>
			</view>
			<view class="mainpadding ffffff flexbetween">
				<view class="strongtext xiaohei nofonweight">需支付：
					<text class="xiaohong ershiba fonweight">￥500</text>
				</view>
				<view class="xiaobtnty" @click="tzyyxx">立即支付</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 跳转支付
			tzyyxx() {
				uni.navigateTo({
					url: '/pages_homepage/zhifu'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.shilitu {
		width: 200rpx;
		height: 160rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	page {
		background: #F9F9F9;
	}
</style>